<?php
$sesion = new Sesion();

$usuario = $sesion->getUsuario();

$datos['id']="opcionesCuentaCuerpo";

if($_GET['opcion'] == "" or $_GET['opcion'] == "datosPersonales")
{
	$_GET['opcion'] = "datosPersonales";
	$datos['titulo']="Mis datos personales";
	
	$sql="select id_provincia,provincia from usuarios
	join provincias using (id_provincia)
	WHERE id_usuario=".$_SESSION['usuario']->getId();
	$res=mysql_query($sql);
	$fila=mysql_fetch_array($res);
	if($fila[0]!="")
		$provincias.=utf8_encode("<option value=\"".$fila['id_provincia']."\">".$fila['provincia']."</option>");
	else
		$provincias.="<option value=\"\">Selecciona tu provincia</option>";

	$sql="SELECT * FROM provincias";
	$res=mysql_query($sql);
	while($fila=mysql_fetch_array($res))
	{
		$provincias.=utf8_encode("<option value=\"".$fila['id_provincia']."\">".$fila['provincia']."</option>");
	}
	
		$contenido.="<table>
						 <tr>
							 <td>Nombre: </td>
							 <td><form class=\"ynf\"><input id=\"nombre\" type=\"text\" value=\"".$usuario->getNombre()."\"/> </form></td>
						 </tr>
						 <tr>
							 <td>Primer Apellido: </td>
							 <td><form class=\"ynf\"><input id=\"primerApellido\" type=\"text\" value=\"".$usuario->getApellido1()."\"/> </form></td>
						 </tr>
						 <tr>
							 <td>Segundo Apellido: </td>
							 <td><form class=\"ynf\"><input id=\"segundoApellido\" type=\"text\" value=\"".$usuario->getApellido2()."\"/> </form></td>
						 </tr>
						  <tr>
							 <td>Provincia: </td>
							 <td><form class=\"ynf\">
								<select id=\"provincia\">
							 ".$provincias."
								</select></form>
							 </td>
							 <tr>
							 <td valign=\"top\">
								Tu fecha de nacimiento:
							 </td>
							 <td>
							 <div id=\"cal1Container\"></div>

<form name=\"dates\">

    <select name=\"selDay\" id=\"selDay\">
        <option value=\"\"></option>
        <option value=\"1\">1</option>
        <option value=\"2\">2</option>

        <option value=\"3\">3</option>
        <option value=\"4\">4</option>
        <option value=\"5\">5</option>
        <option value=\"6\">6</option>
        <option value=\"7\">7</option>
        <option value=\"8\">8</option>

        <option value=\"9\">9</option>
        <option value=\"10\">10</option>
        <option value=\"11\">11</option>
        <option value=\"12\">12</option>
        <option value=\"13\">13</option>
        <option value=\"14\">14</option>

        <option value=\"15\">15</option>
        <option value=\"16\">16</option>
        <option value=\"17\">17</option>
        <option value=\"18\">18</option>
        <option value=\"19\">19</option>
        <option value=\"20\">20</option>

        <option value=\"21\">21</option>
        <option value=\"22\">22</option>
        <option value=\"23\">23</option>
        <option value=\"24\">24</option>
        <option value=\"25\">25</option>
        <option value=\"26\">26</option>

        <option value=\"27\">27</option>
        <option value=\"28\">28</option>
        <option value=\"29\">29</option>
        <option value=\"30\">30</option>
        <option value=\"31\">31</option>
    </select>
    <select id=\"selMonth\" name=\"selMonth\">

        <option value=\"\"></option>
        <option value=\"1\">Enero</option>
        <option value=\"2\">Febrero</option>
        <option value=\"3\">Marzo</option>
        <option value=\"4\">Abril</option>
        <option value=\"5\">Mayo</option>

        <option value=\"6\">Junio</option>
        <option value=\"7\">Julio</option>
        <option value=\"8\">Agosto</option>
        <option value=\"9\">Septiembre</option>
        <option value=\"10\">Ocutubre</option>
        <option value=\"11\">Noviembre</option>

        <option value=\"12\">Diciembre</option>
    </select>
    <select name=\"selYear\" id=\"selYear\">
       <option value=\"\"></option>
<option value=\"1900\">1900</option>
<option value=\"1901\">1901</option>
<option value=\"1902\">1902</option>
<option value=\"1903\">1903</option>
<option value=\"1904\">1904</option>
<option value=\"1905\">1905</option>
<option value=\"1906\">1906</option>
<option value=\"1907\">1907</option>
<option value=\"1908\">1908</option>
<option value=\"1909\">1909</option>
<option value=\"1910\">1910</option>
<option value=\"1911\">1911</option>
<option value=\"1912\">1912</option>
<option value=\"1913\">1913</option>
<option value=\"1914\">1914</option>
<option value=\"1915\">1915</option>
<option value=\"1916\">1916</option>
<option value=\"1917\">1917</option>
<option value=\"1918\">1918</option>
<option value=\"1919\">1919</option>
<option value=\"1920\">1920</option>
<option value=\"1921\">1921</option>
<option value=\"1922\">1922</option>
<option value=\"1923\">1923</option>
<option value=\"1924\">1924</option>
<option value=\"1925\">1925</option>
<option value=\"1926\">1926</option>
<option value=\"1927\">1927</option>
<option value=\"1928\">1928</option>
<option value=\"1929\">1929</option>
<option value=\"1930\">1930</option>
<option value=\"1931\">1931</option>
<option value=\"1932\">1932</option>
<option value=\"1933\">1933</option>
<option value=\"1934\">1934</option>
<option value=\"1935\">1935</option>
<option value=\"1936\">1936</option>
<option value=\"1937\">1937</option>
<option value=\"1938\">1938</option>
<option value=\"1939\">1939</option>
<option value=\"1940\">1940</option>
<option value=\"1941\">1941</option>
<option value=\"1942\">1942</option>
<option value=\"1943\">1943</option>
<option value=\"1944\">1944</option>
<option value=\"1945\">1945</option>
<option value=\"1946\">1946</option>
<option value=\"1947\">1947</option>
<option value=\"1948\">1948</option>
<option value=\"1949\">1949</option>
<option value=\"1950\">1950</option>
<option value=\"1951\">1951</option>
<option value=\"1952\">1952</option>
<option value=\"1953\">1953</option>
<option value=\"1954\">1954</option>
<option value=\"1955\">1955</option>
<option value=\"1956\">1956</option>
<option value=\"1957\">1957</option>
<option value=\"1958\">1958</option>
<option value=\"1959\">1959</option>
<option value=\"1960\">1960</option>
<option value=\"1961\">1961</option>
<option value=\"1962\">1962</option>
<option value=\"1963\">1963</option>
<option value=\"1964\">1964</option>
<option value=\"1965\">1965</option>
<option value=\"1966\">1966</option>
<option value=\"1967\">1967</option>
<option value=\"1968\">1968</option>
<option value=\"1969\">1969</option>
<option value=\"1970\">1970</option>
<option value=\"1971\">1971</option>
<option value=\"1972\">1972</option>
<option value=\"1973\">1973</option>
<option value=\"1974\">1974</option>
<option value=\"1975\">1975</option>
<option value=\"1976\">1976</option>
<option value=\"1977\">1977</option>
<option value=\"1978\">1978</option>
<option value=\"1979\">1979</option>
<option value=\"1980\">1980</option>
<option value=\"1981\">1981</option>
<option value=\"1982\">1982</option>
<option value=\"1983\">1983</option>
<option value=\"1984\">1984</option>
<option value=\"1985\">1985</option>
<option value=\"1986\">1986</option>
<option value=\"1987\">1987</option>
<option value=\"1988\">1988</option>
<option value=\"1989\">1989</option>
<option value=\"1990\">1990</option>
<option value=\"1991\">1991</option>
<option value=\"1992\">1992</option>
<option value=\"1993\">1993</option>
<option value=\"1994\">1994</option>
<option value=\"1995\">1995</option>
<option value=\"1996\">1996</option>
<option value=\"1997\">1997</option>
<option value=\"1998\">1998</option>
<option value=\"1999\">1999</option>
<option value=\"2000\">2000</option>
<option value=\"2001\">2001</option>
<option value=\"2002\">2002</option>
<option value=\"2003\">2003</option>
<option value=\"2004\">2004</option>
<option value=\"2005\">2005</option>
<option value=\"2006\">2006</option>
<option value=\"2007\">2007</option>
<option value=\"2008\">2008</option>
<option value=\"2009\">2009</option>
    </select>
</form>
							 </td>
							 </tr>
						 </tr>
						 <tr>
						 <td colspan=\"2\" align=\"center\">
						 <table>
							 <tr>
								<td width=\"40%\"></td>
								 <td>
								 <a href=\"javascript:void(0)\" class=\"boton\" id=\"botonGuardarCambios\"><span>Guardar Cambios</span></a>
								 </td>
							 </tr>
							 <tr>
								<td width=\"40%\"></td>
								 <td>
								 <div id=\"resGuardarCambios\"></div></td>
								 </td>
							 </tr>
						 </table>
						 </td>
						 
						 </tr>
					 </table>";
					 
					 
					 $contenido.='<script>
					     YAHOO.namespace("example.calendar");

    
        function handleSelect(type,args,obj) {
            var dates = args[0]; 
            var date = dates[0];
            var year = date[0], month = date[1], day = date[2];

            var selMonth = document.getElementById("selMonth");
            var selDay = document.getElementById("selDay");
            var selYear = document.getElementById("selYear");
            
            selMonth.selectedIndex = month;
            selDay.selectedIndex = day;

            for (var y=0;y<selYear.options.length;y++) {
                if (selYear.options[y].text == year) {
                    selYear.selectedIndex = y;
                    break;
                }
            }
        }

        function updateCal() {
            var selMonth = document.getElementById("selMonth");
            var selDay = document.getElementById("selDay");
            var selYear = document.getElementById("selYear");
            
            var month = parseInt(selMonth.selectedIndex);
            var day = parseInt(selDay.options[selDay.selectedIndex].value);
            var year = parseInt(selYear.options[selYear.selectedIndex].value);
            
            if (! isNaN(month) && ! isNaN(day) && ! isNaN(year)) {
                var date = month + "/" + day + "/" + year;
	
                YAHOO.example.calendar.cal1.select(date);
                YAHOO.example.calendar.cal1.cfg.setProperty("pagedate", month + "/" + year);
                YAHOO.example.calendar.cal1.render();
            }
        }

        YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar("cal1","cal1Container", 
                                                                    { mindate:"1/1/1900",
                                                                      maxdate:"12/31/2009" });
																	  
		YAHOO.example.calendar.cal1.cfg.setProperty("MONTHS_SHORT",   ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]); 
		YAHOO.example.calendar.cal1.cfg.setProperty("MONTHS_LONG",    ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"]);
		YAHOO.example.calendar.cal1.cfg.setProperty("WEEKDAYS_SHORT", ["Lu", "Ma", "Mi", "Ju", "Vi", "Sa", "Do"]);
		YAHOO.example.calendar.cal1.cfg.setProperty("MDY_DAY_POSITION", 1); 
		YAHOO.example.calendar.cal1.cfg.setProperty("MDY_MONTH_POSITION", 2); 
		YAHOO.example.calendar.cal1.cfg.setProperty("MDY_YEAR_POSITION", 3); 
        YAHOO.example.calendar.cal1.selectEvent.subscribe(handleSelect, YAHOO.example.calendar.cal1, true);

        YAHOO.example.calendar.cal1.render();

        YAHOO.util.Event.addListener(["selMonth","selDay","selYear"], "change", updateCal);
		
		ano='.substr($_SESSION['usuario']->getCumple(),0,4).';
		mes='.substr($_SESSION['usuario']->getCumple(),5,2).';
		dia='.substr($_SESSION['usuario']->getCumple(),8,2).';
		 var date = dia + "/" + mes + "/" + ano;
		 
		YAHOO.example.calendar.cal1.select(date);
        YAHOO.example.calendar.cal1.cfg.setProperty("pagedate", mes + "/" + ano);
        YAHOO.example.calendar.cal1.render();
		
		//Para guardar los cambios
		
			var resultadoGuardarCambios = {
				success : function (o) {
					var mensajes = [];
					try {
						mensajes = YAHOO.lang.JSON.parse(o.responseText);
						if(mensajes.error == 1)
						{
							YAHOO.util.Dom.get("resGuardarCambios").innerHTML="<font color=\"red\">Error: "+mensajes.mensaje+"</font>";
						}else{
							YAHOO.util.Dom.get("resGuardarCambios").innerHTML="<font color=\"green\">"+mensajes.mensaje+"</font>";
						}
						
					}
					catch (x) {
						console.debug(x);
						return;
					}
						
				}
			};

		 function guardarCambios() {
			 
			 nombre = YAHOO.util.Dom.get("nombre").value;
			 primerApellido = YAHOO.util.Dom.get("primerApellido").value;
			 segundoApellido = YAHOO.util.Dom.get("segundoApellido").value;
			 provincia = YAHOO.util.Dom.get("provincia").options[YAHOO.util.Dom.get("provincia").selectedIndex].value;
			 dia = YAHOO.util.Dom.get("selDay").options[YAHOO.util.Dom.get("selDay").selectedIndex].value;
			 mes = YAHOO.util.Dom.get("selMonth").options[YAHOO.util.Dom.get("selMonth").selectedIndex].value;
			 ano = YAHOO.util.Dom.get("selYear").options[YAHOO.util.Dom.get("selYear").selectedIndex].value;
			 consulta = "nombre="+nombre+"&primerApellido="+primerApellido+"&segundoApellido="+segundoApellido+"&provincia="+provincia+"&dia="+dia+"&mes="+mes+"&ano="+ano;
			 YAHOO.util.Connect.asyncRequest(\'GET\',\'consultasAjax.php?seccion=cuenta&opcion='.$_GET[opcion].'&\'+consulta, resultadoGuardarCambios)
		 }
		YAHOO.util.Event.addListener("botonGuardarCambios", "click", guardarCambios);		
    </script>';
	//Mostramos datos personales y poder editar y todo eso
}elseif($_GET['opcion'] == "personalizacion")
{
	
	$sql="SELECT * FROM plantillas WHERE localizacion_plantilla != '".$usuario->getTema()."'";
	
	$selectTemas = '<select id="selectTema" style="visibility:hidden;">';
	$res = mysql_query($sql);
	$selectTemas .= "<option value=\"".$usuario->getTema()."\">".$usuario->getTemaNombre()."</option>";
	while($fila=mysql_fetch_array($res))
	{
		$selectTemas .= "<option value=\"".$fila['localizacion_plantilla']."\">".$fila['nombre_plantilla']."</option>";
	}

	$selectTemas .= '</select>';
							
							
		$datos['titulo'] = "Personalizacion de la cuenta";
		$color=$_SESSION['usuario']->getColorFuente();
		$fuente=$_SESSION['usuario']->getFuente();
	$contenido = '
	<style type="text/css">
  .elegirColor { position: relative; padding: 6px; background-color: #eeeeee; width: 320px; height:180px; }
</style>

	<table>
					<tr>
					<td valign="top">Tu fuente actual</td>
						<td>
							<input type="hidden" id="fuente" value="'.$_SESSION['usuario']->getFuente().'" name="fuente">
							<input type="hidden" id="color" value="'.$_SESSION['usuario']->getColorFuente().'" name="color">
							<textarea name="comentarioPrev" id="texto" rows="3" cols="30">Asi se ven ahora tus comentarios. Puedes cambiar el formato y ver los cambios en el texto de prueba de debajo</textarea>
							<span id="textoPrueba" style="color: '.$color.'; font-family: '.$fuente.'">Esto es un texto de prueba para previsualizar tu formato</span>
							<br>
							<br>
							</td>
					</tr>
					<tr>
					<td valign="top">Tu estilo de la pagina</td>
					<td>
					<table>
						<tr>
							<td><input type="radio" id="mostrarTema" name="tipoEstilo"> Tema</td>
							'.$selectTemas.'
						</tr>
						<tr>
							<td><input type="radio" id="mostrarPersonalizado" name="tipoEstilo"> Personalizado
							<div id="divPersonalizado" style="visibility:hidden">
							<div>Fondo de las cabeceras de los widget</div>
								<div class="elegirColor" id="pickerFondo_cabecera"></div><br><input type="text" id="pickerFondo_cabeceraInput">
							<div>Fuente de las cabeceras de los widget</div>
								<div class="elegirColor" id="pickerFuente_cabecera"></div><br><input type="text" id="pickerFuente_cabeceraInput">
							<div>Fondo de pantalla</div>
<div class="elegirColor" id="pickerFondo_body"></div><br><input type="text" id="pickerFondo_bodyInput">
<div>Fuente general</div>
<div class="elegirColor" id="pickerFuente_body"></div><br><input type="text" id="pickerFuente_bodyInput">
<div>Fondo de los contenidos widget</div>
<div class="elegirColor" id="pickerFondo_contenido"></div><br><input type="text" id="pickerFondo_contenidoInput">
<div>Fuente de los conteidos</div>
<div class="elegirColor" id="pickerFuente_contenido"></div><br><input type="text" id="pickerFuente_contenidoInput">
<div>Color de los enlaces</div>
<div class="elegirColor" id="pickerEnlace"></div><br><input type="text" id="pickerEnlaceInput">
<div>Color de los enlaces con el raton encima</div>
<div class="elegirColor" id="pickerEnlace_sobre"></div><br><input type="text" id="pickerEnlace_sobreInput">
							</div>
							</td>
						</tr>
					</table>
					
					
					</td>
					</tr>
					<tr>
					<td colspan="2" align="center">
					
					<table>
							 <tr>
								<td width="40%"></td>
								 <td>
								 <a href="javascript:void(0)" class="boton" id="guardarCambios"><span>Guardar Cambios</span></a>
								 </td>
							 </tr>
							 <tr>
								<td width="40%"></td>
								 <td>
								 <div id="resultadoDiv"></div></td>
								 </td>
							 </tr>
						 </table>
					
					
					
					
					</td>
					</tr>
					</table>';
					
	$sql = "SELECT * FROM temas_personalizados WHERE id_usuario = ".$sesion->getUsuario()->getId();
	$tema = mysql_fetch_array(mysql_query($sql),MYSQL_ASSOC);
	
	$contenido .= '<script>

listaPickers = new Array (8);

indice = 0;
function crearElegirColor(nombre,color)
{
	listaPickers[indice] = new YAHOO.widget.ColorPicker(""+nombre, {
                    showhsvcontrols: false,
                    showhexcontrols: false,
					images: {
						PICKER_THUMB: "http://developer.yahoo.com/yui/examples/colorpicker/assets/picker_thumb.png",
						HUE_THUMB: "http://developer.yahoo.com/yui/examples/colorpicker/assets/hue_thumb.png"
    				}
                });
			var onRgbChange = function(o) {
				YAHOO.util.Dom.get("pickerFondo_cabeceraInput").value = listaPickers[0].get(\'hex\');
				YAHOO.util.Dom.get("pickerFuente_cabeceraInput").value = listaPickers[1].get(\'hex\');
				YAHOO.util.Dom.get("pickerFondo_bodyInput").value = listaPickers[2].get(\'hex\');
				YAHOO.util.Dom.get("pickerFuente_bodyInput").value = listaPickers[3].get(\'hex\');
				YAHOO.util.Dom.get("pickerFondo_contenidoInput").value = listaPickers[4].get(\'hex\');
				YAHOO.util.Dom.get("pickerFuente_contenidoInput").value = listaPickers[5].get(\'hex\');
				YAHOO.util.Dom.get("pickerEnlaceInput").value = listaPickers[6].get(\'hex\');
				YAHOO.util.Dom.get("pickerEnlace_sobreInput").value = listaPickers[7].get(\'hex\');
			}

			listaPickers[indice].on("rgbChange", onRgbChange);
			if(color != undefined)
			{
				color = YAHOO.util.Color.hex2rgb(color);
				listaPickers[indice].setValue(color, false);
			}
			indice++;
}

crearElegirColor("pickerFondo_cabecera","'.$tema['fondo_cabecera'].'");
crearElegirColor("pickerFuente_cabecera","'.$tema['fuente_cabecera'].'");
crearElegirColor("pickerFondo_body","'.$tema['fondo_body'].'");
crearElegirColor("pickerFuente_body","'.$tema['fuente_body'].'");
crearElegirColor("pickerFondo_contenido","'.$tema['fondo_contenido'].'");
crearElegirColor("pickerFuente_contenido","'.$tema['fuente_contenido'].'");
crearElegirColor("pickerEnlace","'.$tema['enlace'].'");
crearElegirColor("pickerEnlace_sobre","'.$tema['enlace_sobre'].'");
	
	if("'.$usuario->getTema().'" != "personalizado")
	{
		YAHOO.util.Dom.get("mostrarTema").checked=true;
		mostrarTemaForm();
	}else{
		YAHOO.util.Dom.get("mostrarPersonalizado").checked=true;
		mostrarPersonalizadoForm();
	}
	
	YAHOO.util.Event.addListener("guardarCambios","click",guardarCambios);
	YAHOO.util.Event.addListener("mostrarTema","click",mostrarTemaForm);
	YAHOO.util.Event.addListener("mostrarPersonalizado","click",mostrarPersonalizadoForm);
	
//Este tinymce es especial porque tiene fuente
 tinyMCE.init({
		// General options
		mode : "textareas",
		theme : "advanced",
		skin : "o2k7",

		// Theme options
		theme_advanced_buttons1 : "fontselect,forecolor",
		theme_advanced_toolbar_location : "bottom",
		theme_advanced_toolbar_align : "left",
		theme_advanced_resizing : false,

		// Example content CSS (should be your site CSS)
		content_css : "/plantillas/cssTinyMCE.php",

		// Drop lists for link/image/media/template dialogs
		template_external_list_url : "lists/template_list.js",
		external_link_list_url : "lists/link_list.js",
		external_image_list_url : "lists/image_list.js",
		media_external_list_url : "lists/media_list.js",
	});
</script>
';
}elseif($_GET['opcion'] == "perfil")
{
	$datos['titulo'] = "Mi perfil";
	$perfil = $sesion->getUsuario()->getPerfil();
	$contenido.="<table>
					 <tr>
						 <td valign=\"top\">Aficiones para el tiempo libre</td>
						 <td>
						 <textarea id=\"aficiones\" cols=\"60\">".$perfil->getAficiones()."</textarea>
						 </td>
						 
					 </tr>
					 <tr>
						 <td valign=\"top\">Mis gustos musicales</td>
						 <td><textarea id=\"musica\" cols=\"60\">".$perfil->getMusica()."</textarea></td>
					 </tr>
					 <tr>
						 <td valign=\"top\">Mis peliculas favoritas</td>
						 <td><textarea id=\"peliculas\" cols=\"60\">".$perfil->getPeliculas()."</textarea></td>
					 </tr>
					 <tr>
						 <td valign=\"top\">Libros que me han gustado</td>
						 <td><textarea id=\"libros\" cols=\"60\">".$perfil->getLibros()."</textarea></td>
					 </tr>
					 <tr>
						 <td valign=\"top\">Videojuegos que me divierten</td>
						 <td><textarea id=\"videojuegos\" cols=\"60\">".$perfil->getVideojuegos()."</textarea></td>
					 </tr>
					 <tr>
						 <td valign=\"top\">Citas favoritas</td>
						 <td><textarea id=\"citas\" cols=\"60\">".$perfil->getCitas()."</textarea></td>
					 </tr>
					 <tr>
						 <td valign=\"top\">Lo que me gusta de la gente</td>
						 <td><textarea id=\"gente\" cols=\"60\">".$perfil->getGente()."</textarea></td>
					 </tr>
					 <tr>
						 <td valign=\"top\">Sobre mi</td>
						 <td><textarea id=\"yo\" cols=\"60\">".$perfil->getYo()."</textarea></td>
					 </tr>
					 <tr>
						 <td colspan=\"2\" align=\"center\">
						 
						 <table>
							 <tr>
								<td width=\"40%\"></td>
								 <td>
								 <a href=\"javascript:void(0)\" class=\"boton\" id=\"botonGuardarCambiosPerfil\"><span>Guardar Cambios</span></a>
								 </td>
							 </tr>
							 <tr>
								<td width=\"40%\"></td>
								 <td>
								 <div id=\"resultadoCambioPerfil\"></div></td>
								 </td>
							 </tr>
						 </table>
						 
						 
						 </td>
					 </tr>
				 </table>";

					 
$contenido .=' <script>

	var aficionesTexto = new EditorTexto ("aficiones");
	aficionesTexto.crear();
	var musicaTexto = new EditorTexto ("musica");
	musicaTexto.crear();
	var peliculasTexto = new EditorTexto ("peliculas");
	peliculasTexto.crear();
	var librosTexto = new EditorTexto ("libros");
	librosTexto.crear();
	var videojuegosTexto = new EditorTexto ("videojuegos");
	videojuegosTexto.crear();
	var citasTexto = new EditorTexto ("citas");
	citasTexto.crear();
	var genteTexto = new EditorTexto ("gente");
	genteTexto.crear();
	var yoTexto = new EditorTexto ("yo");
	yoTexto.crear();
	
	YAHOO.util.Event.addListener(\'botonGuardarCambiosPerfil\',"click",guardarCambiosPerfil);
  </script>';
}elseif($_GET['opcion'] == "widgets")
{
	$datos['titulo'] = "Gestion de Widgets (version simple)";
	//Me gustaria haber hecho esta consulta con left join pero no se por que fallaba
	$sql = "SELECT id_widget,widget,null as activado FROM widgets
	WHERE id_widget not in (select id_widget from posiciones_widgets where id_usuario=".$sesion->getUsuario()->getId().")
	union
	(select id_widget,widget,'1' as activado FROM posiciones_widgets join widgets using (id_widget) where id_usuario = ".$sesion->getUsuario()->getId().")
	ORDER BY id_widget";
	$contenido = "<form class=\"ynf\"><table>
					<tr>
						<td colspan=\"2\"> Widgets disponibles</td>
					</tr>";
	
	$res = mysql_query($sql);
	while($fila = mysql_fetch_array($res))
	{
		$contenido .= "
		<tr>
			<td>".$fila['widget']." </td>
			<td><input type=\"button\" value=\"Cargando\" id=\"botonActivar_".$fila['id_widget']."\"></td>
		</tr>";
		if($fila['activado'] == 1)
			$script .= "YAHOO.util.Dom.get(\"botonActivar_".$fila['id_widget']."\").disabled=true;
						YAHOO.util.Dom.get(\"botonActivar_".$fila['id_widget']."\").value='Activado';";
		else
			$script .= "YAHOO.util.Dom.get(\"botonActivar_".$fila['id_widget']."\").value='Activar';
						YAHOO.util.Event.addListener(\"botonActivar_".$fila['id_widget']."\", \"click\", activarWidget);";
	}
	
	$contenido.="
				</table></form><script>
				".$script."</script>";
}


$datos['contenido']='</script>
<script type="text/javascript" src="js/widgets/opcionesCuentaCuerpo.js"></script>'.$contenido;

return $datos;
